/* Responsive */
@media (min-width: 1400px) {}

@media (max-width: 1366px) {}

@media (max-width: 1024px) {
  .header-bottom{display: none;}
  .header-top{
    display: block;
  }
  .header.menu_fix .header-top{
    display:none;
  }
  .header.menu_fix .header-bottom{
    display:none;
  }
  .menu {
    display: none;
  }

  .menu-res {
    display: block;
  }

  .hotline-socal {
    display: none;
  }

  .criteria-nb {
    display: none;
  }

  .header-bottom .search {
    display: none;
  }

  .header .header-bottom .wrap-content {
    justify-content: center;
  }

  .banner-header {
    margin-left: 20px;
  }

  .slideshow {
    width: 100%;
  }

  .logo-headerc {
    margin-top: 0px;
  }

  .container-map {
    display: block;
  }

  .container-hotline-hd {
    display: none;
  }

  .info-tuvan-header {
    display: none;
  }

  .footer-article .wrap-content>.flex {
    display: block;
  }

  .footer-article .footer-news:nth-child(1) {
    width: 100%;
    margin-bottom: 20px;
    text-align: left;
  }

  .dichvu-nb:nth-child(1) {
    display: none;
  }

  .dichvu-nb:nth-child(2) {
    display: block;
  }

  .item-dichvu {
    margin-right: 0px;
  }

  .footer-title::after {

    left: 0;
    transform: unset;
  }

  .footer-article .footer-news:nth-child(2) {
    margin-bottom: 20px;
  }

  .footer-article .footer-news:nth-child(2) {
    width: 100%;
    margin-bottom: 20px;
  }

  .footer-article .footer-news:nth-child(3) {
    width: 100%;
    margin-bottom: 20px;
  }

  .footer-article .footer-news:nth-child(4) {
    width: 100%;
  }

  .footer-title {
    margin-bottom: 20px;
  }

  .introduce-nb div.flex {
    display: block;
  }

  .describe-desc {
    display: block;
    padding-right: 0px;
    padding-bottom: 0px;
    position: relative;
    min-height: unset;
  }


  .describe-desc .right {
    position: relative;
  }

  .header-bottom .banner-header {
    width: unset;
  }

  .describe-desc::after {
    content: unset;
  }

  .describe-desc .right {
    width: 100%;
  }

  .describe-desc .left {
    width: 100%;
    margin-top: 20px;
  }

  .container-noidung-gt {
    background: url(../images/ha/br-noidunggt.png) no-repeat;
    background-size: 100% 100%;
    color: #fff;
    position: unset;
    top: 25%;
    z-index: 2;
    width: 100%;
    padding: 20px 0;
  }

  .describe-desc .right::after {
    content: unset;
  }

  .introduce-nb .describe-desc {
    width: 100%;
  }

  .container-noidung-gt .noidung-gt {
    width: 100%;
  }

  .bao-footer-article {
    display: block;
  }

  .introduce-nb .khung-ao {
    background: none;
    width: 100%;
    padding: 0px;
  }

  .noidung-gt .describe-more {
    margin-top: 20px;
  }

  .footer-article {
    background-size: auto 100%;
  }

  .logo-header {
    margin-bottom: 0px;
    margin-left: 0px;
  }

  .search-res .icon-search {
    color: #fff;
  }

  .container-tieu-chi .owl-item::before {
    content: unset;
  }

  .header-bottom .lang {
    display: none;
  }

  .receive-news-register {
    width: unset;
    background: #fff;
    padding: 40px;
    position: unset;

  }

  .receive-news-register::after {
    content: unset;

  }

  .library-nb {
    display: none;
  }

  .container-video-tieuchi {
    display: block;
    padding: 20px 15px;
  }

  .container-video-tieuchi .video-clipsnb {
    width: 100%;
  }

  .container-video-tieuchi .criteria2-nb {
    width: 100%;
    padding-top: 40px;
  }

  .item-criteria2 {
    padding-right: 0px;
  }

  .library-nb2 {
    display: block;
    padding: 20px 0;
  }

  .library-name>a {
    line-height: 2;
    display: -webkit-box;
  }

  .library-name>a.text-split {
    -webkit-line-clamp: 1;
  }

  .container-video-tieuchi .video-clipsnb::before {
    content: unset;
  }

  .video-clipsnb .item-video-clips::after {
    content: unset;
  }

  .dich-vu-nb .wrap-content {
    display: block;
  }

  .dich-vu-nb .title-dv {
    width: 100%;
  }

  .dich-vu-nb .container-dich-vu {
    width: 100%;
  }

  .evaluate-nb::after {
    content: unset;
  }

  .doi-tac-nb .wrap-content {
    display: block;
  }

  .banner-qc {
    display: block;
  }

  .title-sp-banc span::after {
    content: unset;
  }

  .title-sp-banc span::before {
    content: unset;
  }


  .dich-vu-nb .title-dv span:nth-child(3) {
    font-size: 30px;
    display: block;

  }

  .container-baner-logo {
    width: 100%;
    justify-content: center !important;
  }

  .none-flex-lg {
    display: block !important;
  }

  .with-100-lg {
    width: 100% !important;
  }

  .product-noibat {
    display: none;
  }

  .product-noiba2 {
    display: block;
  }
  .row{
    margin:0 -10px;
  }
  .header-bottom .logo-headerc{
    width:100%;
    zoom: .6;
  }
}

@media (max-width: 768px) {

  /*rb header */
  .grid-3-md {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }

  .grid-2-md {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }

  .name-gt-ft {
    font-size: 25px;
  }

  .hotline-header {
    display: none;
  }

  .service-video .wrap-content {
    display: block;
  }

  .service-video .container-video {
    width: 100%;
  }

  .service-video .container-service {
    width: 100%;
  }

  .criteria-nb .wrap-content {
    display: block;
  }

  .criteria-nb .container-tieu-chi {
    width: 100%;
  }

  .criteria-nb .ha-criteria-img {
    width: 100%;
    margin-top: 20px;
  }

  .introduce-nb .wrap-content {
    display: block;
  }

  .introduce-nb .describe-img {
    overflow: hidden;
    width: 100%;
  }

  .introduce-nb .describe-desc {
    width: 100%;
  }

  .font-size-25-md {
    font-size: 20px !important;
  }

  .footer-copyright {
    text-align: center;
  }

  .footer-statistic {
    text-align: center;
  }

  .title-mau1 span::before {
    bottom: -20px;
    font-size: 50px;
  }

  .receive-new .receive-form .title-mau1 span::before {
    bottom: -20px;
    font-size: 50px;
  }

  .criteria-nb .title-mau1 span::before {
    bottom: -20px;
    font-size: 50px;
  }


  #footer-map .left {
    width: 50%;
  }

  #footer-map .left .box .items span {
    font-size: 14px;
    padding: 10px 5px;
  }

  #footer-map .left {
    padding: 20px 10px;
  }

  .main-chinhanh .right iframe {
    width: 100%;
  }

  .title-listsp>.name-title-listsp>span {
    font-size: 20px;
  }

  .title-listsp {
    display: block;
  }

  .banner-qc2 {
    display: block;
    margin-bottom: 20px;
  }

  .banner-qc {
    display: none;
  }

  .footer-copyright::after {
    content: unset;

  }

  .none-flex-md {
    display: block !important;
  }

  .with-100-md {
    width: 100% !important;
  }

  #footer-map {
    width: 100%;
    height: 250px;
    margin-bottom: 20px;
  }

  .footer-powered::before {
    content: unset;
  }

  .footer-powered::after {
    content: unset;
  }

  .footer-powered .wrap-content {
    padding: 0;
  }

  .footer-powered {
    padding: 15px 15px;
  }

  .container-dich-vu {
    grid-template-columns: repeat(2, 1fr);
  }

  .container-dich-vu .item-dich-vu:nth-child(1) {
    grid-column: 1/2;
    grid-row: 1/3;
  }

  .container-dich-vu .item-dich-vu:nth-child(2) {
    grid-column: 2/3;
    grid-row: 1/2;
  }

  .container-dich-vu .item-dich-vu:nth-child(3) {
    grid-column: 2/3;
    grid-row: 2/3;
  }

  .container-dich-vu .item-dich-vu:nth-child(4) {
    grid-column: 1/2;
    grid-row: 3/4;
  }

  .container-dich-vu .item-dich-vu:nth-child(5) {
    grid-column: 2/3;
    grid-row: 3/4;
  }
  .item-tieuchi{
    width: calc(100%/2);
  }
  .item-tieuchi:nth-child(1),.item-tieuchi:nth-child(2){
    border-bottom:1px solid #fff;
  }
}

@media (max-width: 576px) {
  .grid-2-sm {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }

  .padding-10-sm {
    grid-gap: 10px;
  }

  .title-mau2 span {
    margin-bottom: 40px;
  }

  .evaluate-nb {
    padding: 20px 0;
    padding-bottom: 0px;
  }

  .banner-qc .banner-qc-item:first-child {
    margin-bottom: 20px;
    margin-right: 0;
  }

  .service-video {
    padding-top: 20px;
  }

  .tin-tuc-nb {
    padding: 20px 0;
  }

  .criteria-nb {
    padding: 20px 0;
  }

  .describe-desc .left .more-gt {
    margin-top: 20px;
  }

  .describe-product-bc {
    padding: 20px 0;
  }

  .sp-noi-bat {
    padding-top: 0px;
    padding-bottom: 20px;
  }

  .banner-qc {
    margin-bottom: 20px;
  }

  .library-nb {
    padding: 20px 0;
  }

  .banner-qc2 {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .introduce-nb {
    margin-bottom: 20px;
  }

  .tin-tuc-nb .wrap-product {
    margin-bottom: 20px;
  }

  .wrap-product {
    margin-bottom: 20px;
  }

  .container-video {
    padding-bottom: 20px;
  }

  .product-list2 .container-name span {
    font-family: "VLBebasNeueZSmall";
    font-size: 25px;
    color: #053484;
    position: relative;
    min-width: 15px;
  }

  .product-list2 .container-name span::before {
    position: absolute;
    content: "";
    top: 0;
    left: 50%;
    transform: translateX(-40%);
    background: url(../images/ha/after-number.png) no-repeat;
    width: 30px;
    height: 5px;
  }

  .product-list2 .container-name span::after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 50%;
    transform: translateX(-40%);
    background: url(../images/ha/after-number.png) no-repeat;
    width: 30px;
    height: 5px;
  }

  .product-list2 .container-name a {
    width: calc(100% - 30px);
    text-align: left !important;
  }

  .product-list2 .container-name::after {
    position: absolute;
    content: "";
    top: 0;
    left: 35px;
    background: url(../images/ha/after-text2.png);
    width: 2px;
    height: 100%;
  }

  .product-list2 .container-name {
    display: flex;
    justify-content: space-between;
    background: #f3f3f3;
    padding: 10px 10px;
    align-items: center;
    position: relative;
  }

  .service {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .list-poster .bao-name .name-poster {
    margin-top: 10px;
  }

  .footer-article .wrap-content {
    padding: 20px 15px;
    padding-top: 50px;
  }

  .receive-new {
    padding: 20px 0;
    margin: 0px 0;
  }

  .logo-header {
    max-width: 100px;
  }

  .btn-frame i {
    width: 40px;
    height: 40px;
  }

  .btn-frame {
    width: 40px;
    height: 40px;
  }

  .btn-frame .kenit-alo-circle {
    width: 50px;
    height: 50px;
  }

  .btn-frame .kenit-alo-circle-fill {
    width: 60px;
    height: 60px;
  }

  .js-facebook-messenger-box svg#fb-msng-icon {
    width: 22px;
    height: 23px;
  }

  .js-facebook-messenger-box {
    width: 46px;
    height: 46px;
  }

  .map-footer {
    padding: 20px 0;
  }

  .receive-news-register {
    padding: 15px;
  }

  .seo-man-nb {
    background: linear-gradient(90deg, #d0232c 0%, #a41017 100%);
    padding: 20px 0px;
    margin-bottom: -40px;
  }

  .posternd {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .container-poster .left .poster-img {
    width: 100%;
  }

  .receive-news-register .title-nt span:nth-child(1) {
    font-size: 20px;
    line-height: 2.5;
    min-height: 50px;
  }

  .dich-vu-nb {
    padding: 0px 0;
  }

  .banner-qc3 {
    margin-bottom: 20px;
  }

  .title-criteria2 span:nth-child(2) {
    font-size: 25px;

  }

  .container-sp-chudao-nb {
    padding: 20px 0;
  }

  .container-sp-chudao .wrap-content {
    max-width: 1250px;
    padding: 0px 5px;
  }

  .item-criteria::after {

    content: unset;

  }

  .header-bottom .logo-headerc {
    width: 100px;
  }

  .item-poster {
    display: block;
  }

  .container-poster .left .poster-dsc {
    width: 100%;
  }

  .posternd-video {
    padding-bottom: 20px;
  }

  .dich-vu-dsc {
    padding: 0px 10px;
  }

  .title-mau1 {
    margin-bottom: 20px;
  }

  .container-poster .left {
    margin-bottom: 20px;
  }

  .describe-dsc {
    padding: 0px;
  }

  .title-gt span:nth-child(1) {
    /* font-size: 15px; */
  }

  .title-gt>span:nth-child(2) {
    font-size: 30px;
    line-height: unset;
  }

  .describe-desc .left {
    min-height: unset;
  }

  .title-mau1 span:nth-child(1) {
    font-size: 20px;
  }

  .product-noibat {
    padding: 20px 0;
  }

  .statistical-nb {
    padding: 20px 0;
  }

  .item-statistical {
    text-align: center;
  }

  .title-mau1 span::after {
    bottom: 10px;
    font-size: 40px;
    letter-spacing: 10px;
  }

  .congtrinhnb {
    margin-top: 20px;
  }

  .dichvu-nb {
    padding-bottom: 20px;
    padding-top: 20px;
  }

  .title-mau1 span {
    font-size: 25px;
    margin-bottom: 20px;
  }

  .describe-desc .left::after {
    content: unset;

  }

  .describe-desc .left .top {
    padding-left: 0px;
  }

  .describe-desc .right>.container-infor>span:nth-child(1) {
    font-size: 25px;
  }

  .list-poster .poster-date {
    background-size: cover;
  }

  .container-dknt {
    display: block;
  }

  .container-dknt .newsletter-input-top {
    width: 100%;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 10px;
  }

  .container-dknt .newsletter-input-top .newsletter-input:nth-child(1) {
    margin-bottom: 10px;
  }


  .container-dknt .form-row>.col,
  .form-row>[class*=col-] {
    padding-right: 0px;
    padding-left: 0px;
  }

  .container-dknt .newsletter-input-bottom {
    width: 100%;
    margin-bottom: 10px;
  }

  .receive-form .newsletter-button {
    width: 100%;
  }

  .newsletter-input-bottom .newsletter-input {
    margin-left: 0px;
  }

  .footer-statistic .flex {
    display: block;
  }

  .footer-statistic .flex ul {
    margin-left: 0px !important;
  }

  .describe-product-bc::after {
    content: unset;
  }
  .left-col-pro{
    width:100%;margin-bottom:20px;
  }
  .right-col-pro{
    width:100%;
  }
  .col-row-right{width:100%;margin-bottom:10px;}
  .col-row-right-sp{width:100%;}
  .top{display: none;}
  .pic-gt{display: none;}
  .item-tieuchi{
    width: 100%;
  }
  .item-tieuchi:nth-child(1), .item-tieuchi:nth-child(2),.item-tieuchi:nth-child(3){border-right: none;}
  .item-tieuchi:nth-child(3){
    border-bottom: 1px solid #fff;
  }
}
@media(max-width:440px){
  .title-gt{font-size:30px;}
}
@media (max-width: 375px) {
  .footer-article .footer-news:nth-child(3) #fanpage-facebook iframe {
    width: 280px;
  }
}